<ul class="pagination">
  <li *ngIf="currentPage > 6" (click)="onPageTriggered(1)">
    <mat-icon>chevron_left</mat-icon>
  </li>
  <li mat-ripple [class.active]="currentPage == page" (click)="onPageTriggered(page)" *ngFor="let page of pages">
    {{ page }}
  </li>
  <li *ngIf="currentPage < totalPages - 4" (click)="onPageTriggered(totalPages)">
    <mat-icon>chevron_right</mat-icon>
  </li>
</ul>
